<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>鲁班兄弟</title>
		<link rel="stylesheet" type="text/css" href="css/car-common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/car.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/car1-header.css"/>-->
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<!--头部顶部-->
			<div class="headertop">
				<div class="center">
					<!--顶部左边-->
					<div class="left">
						<ul class="clearfix">
							<li><a href="#">注册</a></li>
							<li><a href="#">登录</a></li>
							<li><a href="#">VIP登录</a></li>
						</ul>
					</div>
					<!--顶部右边-->
					<div class="right">
						<ul>
							<li><a href="#">商家入驻</a></li>
							<li><a href="#">我的订单</a></li>
							<li><a href="My car.html"><i class="iconfont icon-cart"></i><em>(0)</em></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部中间部分==logo+购物流程-->
			<div class="headercenter">
				<div class="center">
					<!--logo-->
					<div class="logo">
							<ul class="logo3d">
								<li class="front">
									<a href="index.html">
										<img src="img/logo.jpg" alt="logo图标">
									</a>
								</li>
								<li class="back">
									<a href="index.html">
										<img src="img/logo.jpg" alt="logo图标">
									</a>
								</li>
							</ul>
							<ul class="logo3d">
								<li class="left">
									<a href="index.html">
										<img src="img/logo.jpg" alt="logo图标">
									</a>
								</li>
								<li class="right">
									<a href="index.html">
										<img src="img/logo.jpg" alt="logo图标">
									</a>
								</li>
							</ul>
						</div>
					<!-- 购物流程 -->
					<div class="lc">
						<a href="Car.html"><span>1</span></a>
						<a href="Information.html"><span>2</span></a>
						<a href="PayM.html"><span>3</span></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="car-t">
			<span class="car-t-bc">
				购物车
			</span>
			<a href="#">
				<span class="car-t-ks">
					继续购物
				</span>
				<img src="img/right.png" >
			</a>				
		</div>
		<div class="car-commodity">
			<form action="#" method="post">
				<!-- 全选以及购物列表的表头 -->
				<div class="car-commodity-nav">
					<div class="checkbox-all">
						<input type="checkbox" name="all" id="all" value="true" />
						<span>全选</span>
					</div>				
					<span>商品</span>
					<span>单价（元）</span>
					<span>数量</span>
					<span>商品小计（元）</span>
					<span>操作</span>
				</div>
				<!-- 商店以及本店的商品小计 -->
				<div class="car-commodity-shop">
					<div class="checkbox-shop">
						<input type="checkbox" name="shop[]" id="all" value="s1" />
						<span>某某直营店</span>
					</div>
					<span>750.00</span>
				</div>
				<!-- 本店的商品 -->
				<div class="car-commodity-item">
					<div class="checkbox-item">
						<input type="checkbox" name="item[]" id="all" value="i1" />							
					</div>
					<div class="car-commodity-item-ct-wrap">
						<div class="item-pic">
							<a href="#">
								<img src="img/w120%20h120.png" >
							</a>
						</div>
						<div class="item-name">
							商品品牌名称
							<span>规格X规格</span>
							<span>白色</span>
						</div>
						<div class="item-unit-price">
							<span>150.00</span>
						</div>
						<div class="item-amount">
							<a href="#">-</a>
							<input type="text" value="1" />
							<a href="#">+</a>
						</div>
						<div class="item-price">
							<span>750.00</span>
						</div>
						<div class="item-operation">
							<a href="#">收藏</a>
							<a href="#">删除</a>
						</div>
					</div>
				</div>
				<!-- 商店以及本店的商品小计 -->
				<div class="car-commodity-shop">
					<div class="checkbox-shop">
						<input type="checkbox" name="shop[]" id="all" value="s1" />
						<span>某某直营店</span>
					</div>
					<span>750.00</span>
				</div>
				<!-- 本店的商品 -->
				<div class="car-commodity-item">
					<div class="checkbox-item">
						<input type="checkbox" name="item[]" id="all" value="i1" />							
					</div>
					<div class="car-commodity-item-ct-wrap">
						<div class="item-pic">
							<a href="#">
								<img src="img/w120%20h120.png" >
							</a>
						</div>
						<div class="item-name">
							商品品牌名称
							<span>规格X规格</span>
							<span>白色</span>
						</div>
						<div class="item-unit-price">
							<span>150.00</span>
						</div>
						<div class="item-amount">
							<a href="#">-</a>
							<input type="text" value="1" />
							<a href="#">+</a>
						</div>
						<div class="item-price">
							<span>750.00</span>
						</div>
						<div class="item-operation">
							<a href="#">收藏</a>
							<a href="#">删除</a>
						</div>
					</div>
				</div>
				<div class="zj">
					<span>订单总额:</span>
					<span>￥1200.00</span>
				</div>
				<div class="yh">
					<span>优惠&nbsp;:</span>
					<span class="cgr">-￥0.00</span>
				</div>
				<div class="hj">
					<span>已经选中8件商品</span>
					<span>合计&nbsp;<span class="cgr">(&nbsp;不含运费&nbsp;)</span>&nbsp;&nbsp;:</span>
					<span>￥1200.00</span>
				</div>
				<input type="submit" name="" id="" value="结算" />
				<div class="clear"></div>
			</form>
		</div>
		
		
		
		<!--底部-->
		<div class="footer">
			<div class="footer-top center">
				<ul class="clearfix">
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>品质保障</dt>
								<dd>品质保证 购物无忧</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>特色服务</dt>
								<dd>针对户型 私人定制</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>全网最低</dt>
								<dd>厂家直销 低价承诺</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="#">
							<i></i>
							<dl>
								<dt>帮助中心</dt>
								<dd>您的购物指南</dd>
							</dl>
						</a>
					</li>
				</ul>
			</div>
			<div class="footer-center center clearfix">
				<dl>
					<dt>新手指南</dt>
					<dd><a href="#">新手指南</a></dd>
					<dd><a href="#">购物流程</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="#">支付宝</a></dd>
					<dd><a href="#">微信支付</a></dd>
				</dl>
				<dl>
					<dt>物流配送</dt>
					<dd><a href="#">配送方式</a></dd>
					<dd><a href="#">服务流程</a></dd>
				</dl>
				<dl>
					<dt>客服中心</dt>
					<dd><a href="#">在线客服</a></dd>
					<dd><a href="#">常见问题</a></dd>
				</dl>
				<dl>
					<dd>扫一扫,关注鲁班兄弟</dd>
					<img src="img/erweima.jpg" alt="" />
				</dl>
			</div>
			<div class="footer-bottom">
				<ul class="clearfix center">
					<li>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">法律声明</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
